<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- Font Awesome Icons -->
    <link rel="stylesheet" href="/plugins/fontawesome-free/css/all.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="/dist/css/adminlte.min.css">
    <link rel="stylesheet" href="/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
    <link rel="stylesheet" href="/my_works/css/readme.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md">
                <!-- <h3>你好,非常欢迎你访问我的网站 :)</h3>
                <p>我也算是一个热衷于鼓捣各种东西(换句话说就是喜欢折磨自己)的人,做这个网站也是纯属兴趣.</p>
                <p>虽然它现在还很简陋,但我也算是投入了很多心血,热心地将自己学到的知识投入其中.如果你觉得它有缺陷
                    ,欢迎你给我提供意见,更加欢迎您与我一起合作开发.</p>
                <p>其实你也能发现我前端学得很差(笑),不过这也算是挑战自己的弱项,如果你前端很厉害的话那就特别欢迎了.</p>
                <p>
                    联系作者 <strong>QQ:3040983563</strong>

                </p> -->
                <div class="card direct-chat direct-chat-primary">
                    <div class="card-header ui-sortable-handle" style="cursor: move;">
                        <h3 class="card-title">Direct Chat</h3>

                        <div class="card-tools">
                            <span title="3 New Messages" class="badge badge-primary">3</span>
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
                                <i class="fas fa-comments"></i>
                            </button>
                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <!-- Conversations are loaded here -->
                        <div class="direct-chat-messages">
                            <!-- Message. Default to the left -->
                            <div class="direct-chat-msg">
                                <div class="direct-chat-infos clearfix">
                                    <span class="direct-chat-name float-left">littlehx</span>
                                    <span class="direct-chat-timestamp float-right">2023/1/1</span>
                                </div>
                                <!-- /.direct-chat-infos -->
                                <img class="direct-chat-img" src="/my_works/imgs/myhead.jpg" alt="message user image">
                                <!-- /.direct-chat-img -->
                                <div class="direct-chat-text">
                                    你好呀,我是该网站的作者,非常欢迎你访问我的网站(笑).我也算是一个热衷于鼓捣各种东西(换句话说就是喜欢折磨自己)的人,做这个网站算在其内.

                                </div>
                                <!-- /.direct-chat-text -->
                            </div>
                            <div class="direct-chat-msg">
                                <div class="direct-chat-infos clearfix">
                                    <span class="direct-chat-name float-left">littlehx</span>
                                    <span class="direct-chat-timestamp float-right">2023/1/1</span>
                                </div>
                                <!-- /.direct-chat-infos -->
                                <img class="direct-chat-img" src="/my_works/imgs/myhead.jpg" alt="message user image">
                                <!-- /.direct-chat-img -->
                                <div class="direct-chat-text">
                                    虽然它现在还很简陋,但我也算是投入了很多心血,热心地将自己学到的知识投入其中.如果你觉得它有缺陷,欢迎你给我提供意见,更加欢迎您与我一起合作开发.
                                </div>
                                <!-- /.direct-chat-text -->
                            </div>
                            <div class="direct-chat-msg">
                                <div class="direct-chat-infos clearfix">
                                    <span class="direct-chat-name float-left">littlehx</span>
                                    <span class="direct-chat-timestamp float-right">2023/1/1</span>
                                </div>
                                <!-- /.direct-chat-infos -->
                                <img class="direct-chat-img" src="/my_works/imgs/myhead.jpg" alt="message user image">
                                <!-- /.direct-chat-img -->
                                <div class="direct-chat-text">
                                    欢迎与我交流 <strong>QQ:3040983563</strong>
                                </div>
                                <!-- /.direct-chat-text -->
                            </div>
                            <!-- /.direct-chat-msg -->


                            <!-- Message to the right -->
                            <div class="direct-chat-msg right">
                                <div class="direct-chat-infos clearfix">
                                    <span class="direct-chat-name float-right">用户</span>
                                    <span class="direct-chat-timestamp float-left">today</span>
                                </div>
                                <!-- /.direct-chat-infos -->
                                <img class="direct-chat-img" src="/dist/img/user7-128x128.jpg" alt="message user image">
                                <!-- /.direct-chat-img -->
                                <div class="direct-chat-text">
                                    I would love to!
                                </div>
                                <!-- /.direct-chat-text -->
                            </div>
                            <!-- /.direct-chat-msg -->

                        </div>
                        <!--/.direct-chat-messages-->

                    </div>
                    <!-- /.card-body -->
                    <div class="card-footer">
                        <form action="#" method="post">
                            <div class="input-group">
                                <input type="text" name="message" placeholder="请于qq联系我..." class="form-control">
                                <span class="input-group-append">
                                    <button type="button" class="btn btn-primary">发送</button>
                                </span>
                            </div>
                        </form>
                    </div>
                    <!-- /.card-footer-->
                </div>
            </div>


        </div>
    </div>



    <!-- jQuery -->
    <script src="/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap 4 -->
    <script src="/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- AdminLTE App -->
    <script src="/dist/js/adminlte.min.js"></script>
</body>

</html>